.ppp{height: 12rem;}
.aaa{position: fixed;width: 100%;height: 100rem;opacity: 0.2;z-index: 5;}
/**********dish******/
.d{width: 100%;position: relative;}
.d_head{width: 100%; height: 9rem;background-color: white;position: relative;border-bottom: 1px solid rgb(220,220,220);}
.d_head>input{width: 80%;height:60%;  position: relative;left:10%;top:20%;display: inline-block;font-size:2rem;border-radius:10px;}
.d_head>img{position: absolute;left:4%;width: 3.2rem;height: 3.1rem;top: 3rem; }
.d_move{width: 100%;position: relative;}
.d_content{width: 100%; }
.d_contentLet{font-size: 3rem;color: rgb(102,102,102);height: 6.5rem;margin-left: 3rem;line-height: 6.5rem;}
.d_contentC{width: 92%;background-color: white;display: flex;justify-content: space-around;padding: 3rem 4%;border-bottom: 1px solid lightgray; }
.d_contentCL,.d_contentCR{width: 46%; }
.d_contentCL{border: 1px solid lightgray;height: 21.8rem;}
.d_contentCL>a>img{width: 100%;height: 100%; }
.d_F1{font-size: 2.8rem;margin-top: 2.5rem;margin-bottom: 2rem;}
.d_F2{font-size: 2.6rem;color: red;}
.d_F3{font-size: 2.6rem;color: rgb(102,102,102);line-height: 5.2rem;width: 100%; height: 10rem;overflow: hidden;}
.d_bar{position: fixed;right: 0;top: 16rem;z-index: 999;}
.d_bar>li{font-size: 2.3rem;color: red;text-align: center; margin-bottom: 0.1rem;}
/*********dish-detail*********/
.d_wrap{width: 100%;/*height: 125rem;;*/background-color: rgb(233,240,244);}
.d_wrap_top{width: 100%;height: 50rem;;background-color: white;}
.d_wrap_top_box{width: 90%;height: 45rem;;margin: auto;}
.d_wrap_top_box_1{width: 100%;height:30rem;display: flex;justify-content: space-between;align-items: center;}
.d_wrap_top_t_box_left{width: 47%;height: 90%;}
.d_wrap_top_t_box_left img{width: 100%;height: 100%;}
.d_wrap_top_t_box_right{width: 50%;height: 90%;display: flex;justify-content: space-around;flex-direction: column;}
.d_wrap_F1{font-size: 4rem;width: 100%;height:5rem;line-height: 5rem;}
.d_wrap_F2{font-size: 2.6rem;width: 100%;line-height: 6rem;/*border: 1px red solid;*/display: flex;justify-content: flex-start;}
.d_wrap_F2 img{height: 100%;width: 4rem;}
.d_wrap_F2 span{height: 100%;width: 30rem;/*border: 1px red solid;*/display: inline-block;}
.d_wrap_top_t_box_right div img{width: 4rem;height:4rem;margin: 0 1rem;}
.d_wrap_top_box_2{width: 100%;height: 15rem;font-size: 2.6rem;line-height: 5.2rem;text-indent: 2em;}
.d_wrap_buttom{width: 100%;height: 56rem;background-color: white;margin-top:3rem ;}
.d_wrap_buttom img{width: 100%;height: 15rem;}
.d_wrap_buttom p{margin:auto;width: 90%;font-size: 2.5rem;text-indent: 8rem;line-height: 5rem;}
/********food-detail********/
.f_d{width: 100%;}
.f_d_head{width: 92%;height: 60rem; background-color: white;padding: 3rem 4% 0;}
.f_d_head1{width: 100%;height: 33.5rem; display: flex;justify-content: space-between;}
.f_d_head1>div{width: 47%;}
.f_d_img{width: 100%; height: 100%; }
.f_d_F1{font-size: 3rem;line-height: 4rem;}
.f_d_F2{font-size: 3.6rem;color: red;}
.f_d_F3{font-size: 2.8rem;color: rgb(102,102,102);}
.f_d_F4{font-size: 2.6rem;color: rgb(102,102,102);padding-top: 3rem;line-height: 5.2rem;}
.f_d_headL{padding: 1.2rem;border: 1px solid rgb(220,220,220);}
.f_d_headR{padding-top: 3.3rem;padding-left:2rem ;}
.f_d_headR>p{margin-top:2.7rem ;}
.f_d_head2{margin-top: 3rem;padding-top:3rem;border-top:1px solid rgb(220,220,220) ;}
.f_d_head2>p:nth-of-type(n+2){margin-top: 3.2rem;}
.f_d_img1{width: 2.6rem;height: 2.6rem; }
.f_d_img2{width: 3.2rem;height: 2.6rem; }
.f_d_foot{margin-top: 2rem;width: 92%;background-color: white;padding: 0 4%;}
.f_d_foot>p{text-indent:5.2rem ;}
.f_d_foot>img{width: 100%;margin: 3rem 0; }
/**********food*************/
.f{width: 100%;overflow: hidden; }
.f_head{width: 100%; height: 9rem;background-color: white;position: relative;border-bottom: 1px solid rgb(220,220,220);}
.f_head>input{width: 80%;height:60%;  position: relative;left:10%;top:20%;display: inline-block;font-size:2rem;border-radius:10px;}
.f_head>img{position: absolute;left:4%;width: 3.2rem;height: 3.1rem;top: 3rem; }
.f_content{width: 100%;margin-top: 2rem;position: relative; background-color: white;}
.f_content_h{width: 100%;height: 6rem;border-bottom:1px solid rgb(220,220,220);background-color: white;display: flex;justify-content: space-around;padding-top: 3rem;}
/*.f_content_bar{width: 14rem;height: 0.3rem;background-color: red; position: relative;left:2rem;bottom: 0.3rem;}*/
.f_F1{font-size: 3rem;width: 14rem;text-align: center;}
.f_active{color: red;border-bottom:0.3rem solid red ;}
.f_F2{font-size: 2.8rem;width: 30rem;margin-left: 1.3rem;margin-top: 2rem;}
.f_F2:hover{text-decoration: underline;}
.f_F3{font-size: 3.6rem;margin-left: 1.3rem;color: red;margin-top: 1.5rem;	}
.f_content_f{width: 94%;margin-top: 3rem;display: flex;justify-content: space-between;flex-wrap:wrap;padding: 0 3% 1.2rem}
.f_content_C{width: 44.7%;padding: 1.2rem;border: 1px solid rgb(220,220,220); margin-bottom: 2rem;}
.f_content_C img{width: 100%; }
/***********home**********/
.home_wrap { width: 100%;}
.swiper-container {width: 100%;height: 30rem;}
.swiper-container img{width: 100%;height: 30rem;}
.swiper-pagination span {width: 2rem;height: 2rem;background: rgb(218,37,28);}
.home_line {width: 92%;padding: 0 4%;height: 1px;background: rgb(210,210,210);}
.home_dish { display:flex;padding: 0 4%;justify-content: space-between;height: 8rem;background: white;margin-top: 4rem;width: 92%;}
.hone_fir {margin-top: 0;}
.home_dish_left { font-size: 3.2rem;line-height: 8rem;color: rgb(218,37,28);}
.home_dish_right {height: 5rem;}
.home_dish_right span { font-size: 3.2rem;margin-right: 0.5rem;line-height: 8rem;color: rgb(218,37,28);vertical-align:middle;}
.home_dish_right img { width: 4rem;vertical-align:middle;}
.home_dish_box {padding: 1rem;background: white;width: 92%;padding: 0 4%;}
.home_dish_con {padding-top: 1rem;display: flex;justify-content: space-between;overflow: hidden; width: 100%;}
.home_dish_conl {border: 1px solid rgb(210,210,210);padding: 1rem;width: 40%;height: 20rem;}
.home_dish_conl img{width: 100%;height: 20rem;}
.home_dish_conr{width: 50%;height: 20rem;overflow: hidden;}
.home_dish_conr p, .home_dish_conr span,{width: 100%;}
.home_dish_conr span { color: rgb(218,37,28);font-size: 3rem;line-height: 1.5;}
.home_dish_conr p { color:rgb(102,102,102) ;font-size: 2.5rem;line-height: 1.5;}
.home_dish_bottom { padding: 1rem 0 1rem;height: 4rem;}
.home_dish_bottom {color:rgb(102,102,102) ;font-size: 2.5rem;line-height: 4rem;}
.home_dish_bottom img{width: 2.5rem;vertical-align: text-bottom;margin-right: 1rem;}
.home_food_box {padding:1rem 4%;background: white;width: 92%;display: flex;flex-wrap:wrap;justify-content: space-between; overflow: hidden;}
.home_food_con {width: 48%;box-sizing:border-box;border:1px solid rgb(210,210,210);/*float: left;*/margin-top: 2rem;}
.home_food_con img {margin:5% 5% 0;width: 90%;height: 65%;}
.home_food_con p{margin-left: 5%;font-size: 2.5rem;line-height: 2;}
.home_food_con span{margin-left: 5%;color: red;font-size: 3rem;line-height: 1.5;}
.home_pro_con {width: 92%;padding: 4%;display: flex;justify-content: space-between;flex-wrap: wrap;background: white;}
.home_pro_con div {box-sizing: border-box;border: 1px solid rgb(210,210,210);width: 48%;border-radius: 1rem;margin-top: 2rem;}
.home_pro_con div img {width: 90%;margin: 5%;}
/************join**************/
.j_wrap{width: 100%;height:105rem;/*border: 1px solid red;*/background-color: rgb(233,240,244);}
.j_wrap_message{width: 100%;height: 60rem;/*border: 1px solid blue;*/background-color: white;}
.j_inputdiv{width: 100%;height: 7rem;border-bottom: 1px gray solid;display: flex;justify-content: space-around;}
.j_filediv{width: 100%;height: 40rem;/*border: 1px solid red;*/display: flex;justify-content: space-around;position: relative;}
.j_name{/*border: 1px solid red;*/width: 15rem;font-size: 3rem;height:7rem;line-height:7rem;}
.j_inputdiv input{/*border: 1px solid red;*/height: 3rem;vertical-align:text-bottom;font-size: 3rem;padding: 1rem;margin-top: 1rem;width: 65%;}
.j_filediv_pic{/*border: 1px solid red;*/width: 67%;font-size: 3rem;height: 30rem;position: relative;}
.r_filediv_border{border: 1px gray solid;width: 60%;height: 80%;margin-top: 3rem;background: url(../img/join/file.png) no-repeat center;}
.j_filediv_pic input{opacity: 0;width: 100%;height: 100%;}
.j_btn{width: 75%;height: 7rem;font-size: 4rem;margin:15rem auto;text-align: center;line-height: 7rem;color: white;background-color: red;}
.r_filediv_border img{width: 100%;height: 100%;}
/************nav*************/
nav{width: 100%;position: fixed;bottom: 0;background: greenyellow;height: 12rem;z-index: 998;}
.nav_wrap{width: 100%;height: 98%;padding-top: 2%;background: rgb(250,245,245);display: flex;justify-content: space-around;}
.nav_wrap div{width: 10rem;height: 10rem;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}
.nav_wrap img{width: 4rem;height: 4rem;}
.nav_wrap p{width: 10rem;text-align: center;font-size: 3rem;}
.nav_home p{color:red;}
.nav_detail {width: 20rem;height: 40rem;position: absolute;top:-42rem;left: 2rem;background: url(../img/nav/nav.png) no-repeat;background-size: 100% 100%;}
.nav_detail p {text-align: center;width: 90%;margin: 5%;}
.nav_detail p a {font-size: 3rem;line-height: 2;}
.nav_detail div {width: 80%;height: 1px;margin: 2% 10%;background: rgb(210,210,210);}
/************news_detail*************/
body{width: 100%;}
.nd_wrap{width: 92%;padding: 4%;position: relative;}
.nd_wrap p:nth-child(1){width: 100%;text-align: center;font-size: 4rem;margin-top: 2rem;height: 10rem;}
.nd_wrap span{font-size: 2rem;position: absolute;right: 5%;color: rgb(153,153,153);top:11rem;}
.nd_wrap div { width: 100%;padding-top: 2rem;border-top:1px solid rgb(160,160,160);text-indent: 6rem;font-size: 2rem;line-height: 1.5;}
.nd_wrap img { width: 100%;margin: 2rem 0;}
.nd_p2{ width: 100%;font-size: 2rem;line-height: 2;text-indent: 6rem;}
.nd_p3 { width: 100%;font-size: 2rem;text-indent: 6rem;}
/*********news*************/
n_wrap{width: 100%;}
.n_con {width: 92%;padding:4%;display: flex;justify-content: space-between;border-top: 1px solid rgb(220,220,220);padding-top: 2rem;}
.n_con_left {width: 45%;}
.n_con_left img{width: 100%;}
.n_con_right {width: 50%;}
.n_con_right span{font-size: 2rem;color: #666666;}
.n_con_right p { margin: 1rem 0;line-height: 1.5;}
.n_p1 {font-size: 3rem;margin-top: 2rem;overflow: hidden;height: 5rem;}
.n_p2 {font-size: 2.5rem;}
/**********pro-detail**************/
.prod_wrap{width: 100%;/*height: 125rem;*//*border: 1px solid red;*/background-color: rgb(233,240,244);}
.prod_wrap_top{width: 100%;height: 45rem;/*border: 1px solid red;*/background-color: white;}
.prod_wrap_top_t{width: 100%;height: 30rem;/*border: 1px solid red;*/overflow: hidden;}
.prod_wrap_top_t_box{width: 90%;height: 25rem;/*border: 1px solid red;*/margin:2rem auto;display: flex;justify-content: space-between;}
.prod_wrap_top_t_box_left{width: 45%;height: 25rem;/*border: 1px solid red;*/}
.prod_wrap_top_t_box_left img{width: 100%;height: 100%;}
.prod_wrap_top_t_box_right{width: 50%;height: 25rem;/*border: 1px solid red;*/display: flex;justify-content: space-around;flex-direction: column;}
.prod_wrap_top_t_box_right p:nth-child(2){/*border: 1px solid red;*/width: 100%;height:18rem;font-size: 2.6rem;}
.prod_wrap_top_t_box_right p:nth-child(1){/*border: 1px solid red;*/width: 100%;height:5rem;font-size: 3rem;}

.prod_wrap_top_b{width: 100%;height: 15rem;/*border: 1px solid red;*/}
.prod_wrap_top_b_box{width: 90%;height: 15rem;border-top: 1px solid gray;margin: auto;display: flex;justify-content: space-around;flex-direction: column;}
.prod_wrap_top_b_box div{width: 100%;height:7rem;/*border: 1px solid gray;*/}
.prod_wrap_top_b_box div img{width: 4rem;/*height: 60%;*/vertical-align: middle;}
.prod_wrap_top_b_box div span{font-size: 2.5rem;margin-left: 2rem;line-height: 7rem;vertical-align: middle;}
.prod_wrap_buttom{width: 100%;height: 47rem;/*border: 1px solid red;*/background-color: white;margin-top: 3rem;}
.prod_wrap_buttom_box{width: 90%;height: 55rem;/*border: 1px solid red;*/margin: auto;}
.prod_wrap_buttom_box_h{width: 100%;height: 8rem;border-bottom: 1px solid gray;font-size: 3.2rem;line-height: 8rem;}
.prod_wrap_buttom_box_content{width: 100%;height: 35rem;/*border: 1px solid gray;*/display: flex;justify-content: space-around;align-items: center;}
.prod_wrap_buttom_box_ng{width:30rem;height: 35rem;/*border: 1px solid gray;*/}
.prod_wrap_buttom_box_ng_content{width:95%;height: 95%;/*border: 1px solid gray;*/margin:0.5rem auto;display:flex;justify-content: space-around;flex-direction: column;}
.prod_wrap_buttom_box_ng_content img{width: 100%;height: 60%;/*border: 1px solid gray;*/}
.prod_wrap_buttom_box_ng_content h3{width: 100%;height:5rem;/*border: 1px solid gray;*/font-size: 3rem;}
.prod_wrap_buttom_box_ng_content p{width: 100%;height: 5rem;/*border: 1px solid gray;*/color: red;font-size: 3rem;}
/************pro************/
.p_wrap{width: 100%;/*height: 100rem;*//*border: 1px solid red;*/background-color: rgb(233,240,244);overflow: hidden;}
.p_wrap_content{width: 100%;height: 95rem;border: 1px gray solid;background-color: white;display: flex;justify-content: space-around;align-items: center;flex-wrap: wrap;}
.p_wrap_box{width: 28rem;height: 28rem;border: 1px gray solid;}
.p_wrap_box a{width: 90%;height: 90%;display: inline-block;border: 1px gray solid;margin:1rem;}
.p_wrap_box a img{width: 100%;height: 100%;}
/*********rel**************/
.r_wrap{width: 100%;/*border: 1px  solid red;*/height: 112rem;/*margin-bottom: 10rem;*/}
.r_head{width: 100%;height: 6rem;background-color:white;position: relative;padding-top: 2rem;}
.r_head ul{width: 100%;height: 4rem;/*border: 1px  solid red;*/display: flex;justify-content: space-around;}
.r_head ul li{width: 33.3%;/*border: 1px  solid red;*/color: rgb(206,58,60);text-align: center;line-height: 4rem;font-size: 3rem;}
.r_guidance{position: absolute;width: 33.3%;height: 0.6rem;background-color: red;bottom: 0;left:0;border-bottom: 0.1rem solid gray;}
.r_content{width: 100%;height: 90%;position: relative;}
.r_content_page1,.r_content_page2,.r_content_page3{width: 95%;/*border: 1px solid red;*/margin: 0 auto;height: 100%;position: absolute;left: 0;right: 0;display: none;}
.r_content_page1{display:block;}
.r_content_page1 p{font-size: 2.5rem;text-indent:5rem;margin:2rem 0;/*border: 1px  solid red;*/}
.r_content_page2 p{font-size: 2.3rem;text-indent:5rem;margin:1rem 0;}
.r_content_btn{width: 90%;height: 6rem;margin: 2rem auto;background-color: red;font-size: 3rem;text-align: center;line-height: 6rem;color: white;}
.r_content_page3{width: 100%;height: 103rem;}
.r_page3_box{width: 100%;height: 100%;background-color: rgb(233,240,244);overflow: hidden;}
.r_page3_box_one{background-color: white;width: 100%;height: 50%;margin-top: 5rem;}
.r_page3_box_two{width: 90%;height: 6rem;margin:5rem auto;background-color: red;font-size:3rem;text-align: center;line-height: 6rem;color: white;}
.r_message{width: 100%;height:10rem;font-size: 3rem;border-bottom: 1px solid gray;line-height: 10rem;}
.r_message_last{width: 100%;height:30rem;font-size: 3rem;display: flex; /*border: 1px red solid;*/justify-content: space-around;}
.r_message_spantxt{/*border: 1px red solid;*/height: 75%;padding-top:2.5rem;width: 13.5rem;display: inline-block;}
.ah,.bh{/*border: 1px solid red;*/height: 6rem;margin-left:6rem;padding-bottom: 0.8rem;}
.r_message_span{margin-left: 2.5rem;display: inline-block;/*border: 1px solid red;*/width: 13rem;}
.r_message_area{width:55%;height:20rem;vertical-align:text-top; /*border: 1px red solid;*/font-size: 3rem;padding-left: 1.5rem;margin-top: 2.5rem;margin-right: 3rem;}
/**********public**********/
html,body{width: 100%; background-color: rgb(238,243,246);}
html{font-size: 10px;}


